.p01023-contenedor {
  margin: 10 auto;
}

.p01023-juego {
	margin: 5%;
}
.p01023-juego .stl{
  width: 90%;
  height: 400px;
  border-radius: 2%;
  border: 3px solid #c61f2f;  
  line-height: 100%;
  
}
.p01023-juego .superior{
  width: 100%;
  height: 40%;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
.p01023-juego .inferior{
  width: 100%;
  height: 60%;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  border-top: 2px solid #c61f2f; 
}

.numeros{
  width: 100%;
  height: 40%;
  text-align: center;
  font-size: 2.5em;
  font-weight: bold;
}
.p01023-juego .figuras{
  float: left;
  width: 35%;
  height: 100%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .col{
  float: left;
  width: 15%;
  height: 100%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .fila{
  width: 100%;
  height: 40%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .fila2{
  width: 100%;
  height: 25%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .num{
  float: left;
  width: 60%;
  padding-top: 8%;
  height: 100%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .result{
  float: left;
  width: 38%;
  height: 100%;
  padding-top: 6%;  
  text-align: center;
  border: 2px solid #ed341b; 
}
.p01023-juego .box{
  width: 90%;
  height: 14.5%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .box1{
  width: 90%;
  height: 10%;
  text-align: center;
  border: 0px solid #000000; 
}
.p01023-juego .box img{
  width: 100%;
  height: 100%;
  clear: both;
  float: left;
}
.p01023-juego .box1 img{
  width: 100%;
  height: 100%;
  clear: both;
  float: left;
}
.p01023-juego .operacion{
  float: left;
  width: 65%;
  height: 100%;
  text-align: center;
  border: 0px solid #000000; 
}

.mano-contenedor {
  text-align: center;
  padding: 0 0 1% 0;
}

.mano-clic {
  margin: 0 auto !important;
  float: none !important;
}

.p01023-juego .third.box.dotted {
  border-style: dashed;
  cursor: pointer;
  position: relative;
  z-index: 0;
}


@media screen and (max-width: 900px){
	.p01023-juego {
	  padding-left: 10%;
	}
	.p01023-juego .box{		
	  height: 13%;
	  width: 120%;
	}
	.p01023-juego .box1{	
	  height: 9%;		
	  width: 120%;
	}
	.p01023-juego .result{	
	  padding-top:8%;
	}	
}



#menu-simbolos {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos .simbolo {
  width: 70%;
  height: 10%;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 30px;
  font-weight: bold;
  font-weight: bold;
  font-size: 50%;
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo .simbolo:hover {
  background: #C8C8C8;
}

#menu-simbolos2 {
  height: 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  opacity: 0.9;
  transition: all 0.5s ease;
  overflow: hidden;
}

#menu-simbolos2 .simbolo {
  width: 70%;
  height: 10%;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  line-height: 30px;
  font-weight: bold;
  font-weight: bold;
  font-size: 55%;
  font-weight: bold;
  background-color: #b0c4de;
}

#menu-simbolo2 .simbolo:hover {
  background: #C8C8C8;
}
